#app {
    min-height: 100%;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
    background-color: #555;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
    border-radius: 5px;
    width: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}


.full-modal-dark {
    .ant-modal-header {
        background-color: #1a1a1a;
        border-bottom-color: #383838;
    }

    .ant-modal-body {
        flex: 1;
        padding: 0;
        background-color: #1a1a1a;
        height: 400px;
    }

    .ant-modal-title {
        color: #aaa;
    }

    .ant-modal-close {
        color: #aaa;
    }

    .ant-modal {
        max-width: 100%;
        top: 0;
        padding-bottom: 0;
        margin: 0;
    }

    .ant-modal-content {
        display: flex;
        flex-direction: column;
        height: calc(100vh);
    }
}


.full-modal-light {
    .ant-modal {
        max-width: 100%;
        top: 0;
        padding-bottom: 0;
        margin: 0;
    }
    .ant-modal-body {
        flex: 1;
        padding: 0;
        background-color: #1a1a1a;
        height: 400px;
    }

    .ant-modal-content {
        display: flex;
        flex-direction: column;
        height: calc(100vh);
    }

    .ant-modal-body {
        flex: 1;
        padding: 0;
    }
}
